<template name="integrationsNew">
	<section class="page-container page-home page-static page-settings">
		{{> header sectionName=pageTitle}}
		<div class="content">
			<a href="{{pathFor "admin-integrations"}}"><i class="icon-angle-left"></i> {{_ "Back_to_integrations"}}</a><br><br>
			{{#if hasPermission}}

				<div class="rocket-form">
					<div class="section">
						<div class="admin-integrations-new-panel">
							{{#if canAddIncomingIntegration}}
								<a href="{{pathFor "admin-integrations-incoming"}}">
									<div class="admin-integrations-new-item">
										<i class="icon-login"></i>
										<div class="admin-integrations-new-item-body">
											<div class="admin-integrations-new-item-title">
												{{_ "Incoming_WebHook"}}
											</div>
											<div class="admin-integrations-new-item-description">
												{{_ "Send_data_into_RocketChat_in_realtime"}}
											</div>
										</div>
										<i class="icon-angle-right"></i>
									</div>
								</a>
							{{/if}}
							{{#if canAddOutgoingIntegration}}
								<a href="{{pathFor "admin-integrations-outgoing"}}">
									<div class="admin-integrations-new-item">
										<i class="icon-logout"></i>
										<div class="admin-integrations-new-item-body">
											<div class="admin-integrations-new-item-title">
												{{_ "Outgoing_WebHook"}}
											</div>
											<div class="admin-integrations-new-item-description">
												{{_ "Outgoing_WebHook_Description"}}
											</div>
										</div>
										<i class="icon-angle-right"></i>
									</div>
								</a>
							{{/if}}
						</div>
					</div>
				</div>
			{{else}}
				{{_ "Not_authorized"}}
			{{/if}}
		</div>
	</section>
</template>
